<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
		<title>CafeHouse - Responsive HTML/CSS Template</title>

        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen" />         
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/colors.css" type="text/css" media="screen" />
       
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" ></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script>
                 
     <script src="js/bootstrap.min.js"></script>  
     <script src="js/menu.js" type="text/javascript"></script> 
	 <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
     <script src="js/slides.min.jquery.js" type="text/javascript"></script>
  	 <script src="js/jquery.tweet.js" type="text/javascript"></script>
     <script src="js/init.js" type="text/javascript"></script>
	
 <script src="js/shortcodes.js" type="text/javascript"></script>        
  <script src="js/scrolltop.js" type="text/javascript"></script>   
        
    
      <link rel="shortcut icon" href="images/favicon.ico">
 
	</head>
    
    
<body>
    <div class="wrap">
    <div class="container">
    <div class="row">
    <div class="span7 logo">
          <h1 id="logo"><a href="#"><img src="images/logo-cafe.png" alt=""/></a></h1>
            </div><!--end logo--> 
        <div class="span5 open-hours">
         <h3 class="open-title">Open Hours</h3>			
       <div class="open-text">
       <div class="open-day"> <span class="day">Monday - Friday</span> : 09:00 AM - 10:00 PM</div>
       <div class="open-day"> <span class="day">Saturday - Sunday</span> : 09:00 AM - 10:00 PM</div>
       </div>
			
		
		    </div><!--end open-hours--> 

    </div><!--end row--> 
    </div><!--end container--> 
    </div><!--end wrap--> 
	     
        <div id="menu-holder">
        <ul class="menu"><li ><a href="index-2.html">Home</a></li>
<li><a href="about.html">About</a>
<ul class="sub-menu">
	<li><a href="typography.html">Typography</a></li>
	<li><a href="shortcodes.html">Shortcodes</a></li>
</ul>
</li>
<li><a href="menu.html">Our Menu</a></li>
<li><a href="reservation.html">Reservations</a></li>
<li><a href="gallery-3col.html">Gallery</a>
<ul class="sub-menu">
	<li><a href="gallery-3col.html">Gallery 3 Columns</a></li>
	<li><a href="gallery-4col.html">Gallery 4 Columns</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div><!--end menu-holder-->


<div class="top-img"> <img src="images/default-top.jpg" title="" alt="" width="1000" height="160"/>
  <h1 class="post-title-page">Single Post Example</h1>
</div>

<div class="wrap-content">
<div class="container">

<div class="row">

<div class="span8 all-posts">

        <div class="post-solo">
      <h2 class="post-title"> Tellus purus euismod</h2>
        
      <div class="post-info">April 10, 2013 - <a href="#" title="View all posts in Events" >Events</a> - <a href="#" title="Comment on Tellus purus euismod">3 Comments</a>  </div>
      
	<div class="menu_image_single">
        <img width="620" height="250" src="images/_blog/blog-1.jpg" alt="Tellus purus euismod" title="Tellus purus euismod" />
    </div>
            
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque.</p>
    </div>
    
    
<!-- You can start editing here. -->

	<h4 class="comm-title">3 Responses to &#8220;Tellus purus euismod&#8221;</h4>

	<ol class="commentlist">
		<li class="comment even thread-even depth-1" id="li-comment-2">
		<div id="comment-2" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' class='avatar avatar-45 photo' height='45' width='45' />
                    </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author"><a href='http://www.flashuser.net/' rel='external nofollow' class='url'>user</a></cite>						<span class="comment-date"> - April 10, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus purus pellentesque.</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#'>Reply&#187;</a>
                       </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->
</li>
	<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-3">
		<div id="comment-3" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' class='avatar avatar-45 photo' height='45' width='45' />
                     </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author"><a href='http://www.flashuser.net/' rel='external nofollow' class='url'>user</a></cite>						<span class="comment-date"> - April 10, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>Praesent nec dignissim quam. In dictum aliquam neque rutrum vestibulum. Quisque viverra tempor augue, a bibendum magna placerat sed. Maecenas hendrerit tempor ipsum vel volutpat. Aenean justo orci, sollicitudin sed ultricies at, imperdiet ac sapien.</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#' >Reply&#187;</a>
                        </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->
<ul class='children'>
	<li class="comment byuser comment-author-wpdemadmin bypostauthor even depth-2" id="li-comment-4">
		<div id="comment-4" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' class='avatar avatar-45 photo' height='45' width='45' />
                    </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author">user</cite>						<span class="comment-date"> - April 10, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>In dictum aliquam neque rutrum vestibulum.</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#'>Reply&#187;</a>
                       </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->

</li>
</ul>
</li>
	</ol>
    
 
<div id="respond">

	<h4 class="comm-title">Leave a Comment</h4>

	<form action="#" method="post" id="commentform">

		
		<p><input type="text" name="author" id="author" class="comm-field" value="" size="22" tabindex="1" aria-required='true' />
		<label for="author">Name</label></p>

		<p><input type="text" name="email" id="email" class="comm-field" value="" size="22" tabindex="2" aria-required='true' />
		<label for="email">Mail</label></p>

		<p><input type="text" name="url" id="url" class="comm-field" value="" size="22" tabindex="3" />
		<label for="url">Website</p>

		<textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea>

		<input name="submit" type="submit" id="submit-comm" tabindex="5" value="Submit Comment" />

	</form>

	
</div>

</div><!-- end all-posts -->

		<div class="span4 sidebar">
		<ul>
			<li id="text-2" class="widget widget_text"><h2 class="widgettitle">Make reservation!</h2>			<div class="textwidget"><p>Phone: 4444-111.111</p>
<p>Mobile: 4444-111.222</p>
<p>Fax: 4444-111.333</p>
<p>Email: your-email@domain.com</p>
</div>
		</li><li id="ft_recent_post_image-2" class="widget ft_recent_post_image"><h2 class="widgettitle">Latest News</h2>        
       
       	   	   
	 <div class="sidebar-articles">
                  
                    <ul>
            			                        
                        <li>
                                                	 <div class="img-left-post">
       <a href="single-post.html" title="Lorem ipsum dolor sit amet"><img width="60" height="60" src="images/_blog/blog-1-60x60.jpg" alt="Lorem ipsum dolor sit amet" title="Lorem ipsum dolor sit amet" /> </a>
       </div>
                 <div class="tab-text-article">
        <h2><a href="single-post.html" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
         <p>April 10, 2013</p>
         </div>
         
         <div class="column-clear"></div>
          </li>
                        
                                                
                        <li>
                                                	 <div class="img-left-post">
       <a href="single-post.html" title="Tellus purus euismod"><img width="60" height="60" src="images/_blog/blog-4-60x60.jpg" alt="Tellus purus euismod" title="Tellus purus euismod" /> </a>
       </div>
                 <div class="tab-text-article">
        <h2><a href="single-post.html" rel="bookmark" title="Tellus purus euismod">Tellus purus euismod</a></h2>
         <p>April 9, 2013</p>
         </div>
         
         <div class="column-clear"></div>
          </li>
                        
                                                
                        <li>
                                                	 <div class="img-left-post">
       <a href="single-post.html" title="Aenean commodo ligula"><img width="60" height="60" src="images/_blog/blog-2-60x60.jpg" alt="Aenean commodo ligula" title="Aenean commodo ligula" /> </a>
       </div>
         <div class="tab-text-article">
        <h2><a href="single-post.html" rel="bookmark" title="Aenean commodo ligula">Aenean commodo ligula</a></h2>
         <p>April 9, 2013</p>
         </div>
         
         <div class="column-clear"></div>
          </li>
                        
                                                
                </ul>
                  
                </div><!--sidebar-articles-->
       
	   </li><div class="column-clear"></div>
       
       <li class="widget">
       <h2 class="widgettitle">Facebook Like Box</h2>
         <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Flashuser/188573614524213&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;connections=10&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:255px;" allowTransparency="true"></iframe>
     </li>
    <li class="widget ft_flickr_widget">
    
    <h2 class="widgettitle">Flickr Widget</h2>			
			<div class="flickr">
				<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&amp;display=random&amp;size=s&amp;layout=x&amp;source=user&amp;user=37667275@N04"></script>
			</div>
            <div class="column-clear"></div>
		
		</li><div class="column-clear"></div>
        
         <li class="widget ft_video_embed">
        <h2 class="widgettitle">Video Widget</h2>			
		<div class="video-widget">
			<iframe width="300" height="175" src="http://www.youtube.com/embed/badHUNl2HXU" frameborder="0" allowfullscreen></iframe>
            <p>This is a embed video example.</p>
			</div>
		
		</li> 
        
   </ul>    
    

</div><!-- end sidebar -->    

</div><!-- end row -->
</div><!-- end container -->
</div><!-- end wrapper-content-->

		<div id="footer">
       
       <div class="container">
       
        <div class="row footer-content">
           
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">About Cafehouse</h4>			<div class="textwidget"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet pharetra purus. Sed ut pharetra justo. Vestibulum dapibus nulla ac risus convallis non mollis purus pellentesque. Mauris scelerisque augue tincidunt lorem rutrum vitae rhoncus lorem mattis. Nam pretium commodo quam, nec pellentesque mi consectetur eu. Donec convallis sem erat, sit amet bibendum justo. Duis iaculis lorem sem.</p>
</div>
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget tweet_widget "><h4 class="widgettitle2">Latest Tweets</h4>
				
				<div class="tweet"></div>
        
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">Contact us</h4>			<div class="textwidget"><p>501 Boulevard, New York City<br />
New York</p>
<p>Phone: (4444-111.111</p>
<p>Email: your-email@domain.com</p>
</div>
		</div>            </div>
        		 
 </div><!-- end footer - row -->
       

        <div id="copyright">
        <p>&copy; 2012 CafeHouse. All rights reserved.</p>
        </div>
       
        <div class="social">
	    <ul>
               <li class="twitter"><a title="Twitter" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="facebook"><a title="Facebook" href="#" target="_blank" rel="nofollow"></a></li>
                         <li class="rss"><a title="RSS Feed" href="#" target="_blank" rel="nofollow"></a></li>
                          <li class="stumble"><a title="StumbleUpon" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="linkedin"><a title="Linkedin" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="vimeo"><a title="Vimeo" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="flickr"><a title="Flickr" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="picasa"><a title="Picasa" href="#" target="_blank" rel="nofollow"></a></li>
        
	</ul>
        </div>
        
        <div class="column-clear"></div>
        
        </div><!--end container-->
        </div><!--end footer-->
		
    <p id="backTop"><a href="#top">Top&uarr;</a></p>

</body>
</html>